// .survey-container {
// }
.question-item {
    margin: 10px 20px;

    input[type="text"],
    textarea {
        outline: 1px solid #ddd;
        padding: 8px;

        margin-left  : 8px;
        margin-top   : 8px;
        margin-bottom: 20px;
    }

    .checkbox-option {
        display: flex;

        &:hover {
            outline: 1px solid #ddd;
        }
    }
}

.question-item {
    .question-type__description {
        color: #2378FF;
    }
}

.submit {
    width   : 200px;
    height  : 40px;
    margin  : 40px auto;
    position: relative;

    >button {
        width           : 100%;
        height          : 100%;
        background-color: #2378ff;
        color           : #fff;
        font-size       : 20px;
        display         : flex;
        align-items     : center;
        justify-content : center;
        border          : none;
        outline         : 0;
        border-radius   : 4px;
        cursor          : pointer;

        &:hover {
            background-color: #1f6ce5;
        }
    }
    >button.loading {
        cursor: wait;
    }
}